<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,body{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .main-el-container{
            justify-content: space-between;
            padding: 10px 20px 20px 20px;
            box-sizing: border-box;
        }
        .el-container{
            justify-content: space-between;
        }
    </style>
    <link rel="stylesheet" href="/css/element.css">
</head>
<body>
<div id="app">
    <#include "/include/daohang.html">

    <el-container>
        <el-header>
            <notice></notice>
        </el-header>
        <el-container class="main-el-container">
            <el-container>
                <el-container>
                        <el-aside :width="aside_str">
                            <java></java>
                        </el-aside>
                        <el-aside :width="aside_str">
                            <php></php>
                        </el-aside>
                        <el-aside :width="aside_str">
                            <spring></spring>
                        </el-aside>
                </el-container>
            </el-container>
            <el-container>
                <el-container>
                    <el-container>
                        <el-aside :width="aside_str">
                            <jspath></jspath>
                        </el-aside>
                        <el-aside :width="aside_str">
                            <vuepath></vuepath>
                        </el-aside>
                        <el-aside :width="aside_str">
                            <datapath></datapath>
                        </el-aside>
                    </el-container>
                </el-container>
        </el-container>
        <el-footer>
            <footerlist></footerlist>
        </el-footer>
    </el-container>

</div>
<#include "/include/commonjs.html">
<#include "/component/channel/notice.html">
<#include "/component/channel/javachannel.html">
<#include "/component/channel/phpchannel.html">
<#include "/component/channel/springchannel.html">
<#include "/component/channel/jschannel.html">
<#include "/component/channel/vuechannel.html">
<#include "/component/channel/databasechannel.html">
<#include "/component/channel/footer.html">
<script>
    var Main = {
        extends: global,
        data() {
            return {
                activeIndex: '3',
                activeIndex2: '3',
                aside_str:'33%',
            }
        },
        created(){

        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
            handleCurrentChange(val) {
                location.href="?pageNum="+val+"&pageSize="+this.pageSize+"&keyword="+this.keyword;
            },
            locationppreview(id){
                window.open('/page/contentinfo.html?obj='+id)
            },
            searchnote(){
                location.href="?pageNum="+this.pageNum+"&pageSize="+this.pageSize+"&keyword="+this.keyword;
            }
        }
    }
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')

    function keyDown() {
        var keycode = event.keyCode;
        var realkey = String.fromCharCode(event.keyCode);
        if(keycode==13){
            $("#search-btn").click();
        }
        // alert("按键码: " + keycode + " 字符: "+ realkey);

    }
    document.onkeydown = keyDown;
</script>
</body>
</html>